<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标签练习</title>
</head>
<body>
<form action="#" method="get" autocomplete="off">
    <label for="username">用户名：</label>
    <input type="text" id="username" name="username"value="" placeholder=""><br/>
    <label for="password">密码：</label>
    <input type="password"id="password" name="password" placeholder=""><br/>
    <label for="email">邮箱：</label>
    <input type="email"id="email" name="email"placeholder=""><br/>
    <label for="gender">性别：</label>
    <input type="radio"id="gender" name="gender" value="man">男
    <input type="radio"id="gender" name="gender"value="women">女
    <input type="radio" id="gender"name="gender"value="other">其它<br/>

    <label for="birthday">生日：</label>
    <input type="date"id="birthday" value="birthday"><br/>
    <label for="date1">当前时间：</label>
    <input type="time"id="date1" value="date1"><br/>
    <label for="date">注册时间：</label>
    <input type="datetime-local"id="date" value="date"><br/>
    <label for="age">年龄：</label>
    <input type="number"id="age" value="age"><br/>
    <label for="age">心情值（1-10）：</label>
    <input type="range"id="range" name="age" min="1"max="10"step="1"><br/>
    <label for="search">可清除的文本：</label>
    <input type="search"id="search" name="search" value=""placeholder=""><br/>
    <label for="tel">电话：</label>
    <input type="tel"id="tel" name="tel" value=""><br/>
    <label for="url">个人网站：</label>
    <input type="url"id="url" name="url" value=""><br/>
    个人介绍：<textarea name="desc"rows="5"cols="2"></textarea><br/>
    <select>
        <option>---请输入---</option>
        <option>上海</option>
        <optgroup>北京</optgroup>
        <optgroup>深圳</optgroup>
    </select><br/>
    <button type="submit">提交</button>
    <button type="reset">重置</button>

</form>
</body>
</html>